Have you ever opened a mobile app for
the first time only to find yourself confused about where to go next or
unsure of the apps features? If you have, then you likely
encountered an example of poor UX. In such cases, users tend to uninstall
the app, leave a poor review or search for an alternative app.
Not the outcome you want as a developer. One way you can reduce the odds of these
things happening is to create a great onboarding experience for your app. In this lesson, you'll get a general
overview of what onboarding is and you'll explore a few
common onboarding flows. You'll also get a preview of what
to expect across this lesson. Onboarding is the first point of entry
into the app at first launch after installation. Its main point is to get the user
familiar with the features of the app. This is the point when you introduce
the user to key features by using visual guides and simple UI elements before
getting into the main app screen. While most onboarding flows are about
introducing the user to key features, others will simply walk them
through how to set up a profile or some other customization. There are also some flows that cover
the benefits of using the app or the type of data you're
giving out by using the app. Now that you have a better idea
of what an on boarding flow is, let's observe an example of one in action. Across these screens, the user is
instructed to set up their profile, notice the large font, casual language and
how tasks are presented one at a time. This makes things really clear, right? In this lesson, you'll be guided to
create your own onboarding flow for the Little Lemon mobile app. Before you do so
you'll have a recap on UI elements and how to use them to convey
a particular look and feel. Expect to explore the use of labels,
buttons, progress bars, tool tips,
checklists and more. Together such elements can help the user
understand what they have accomplished and what they have left to do, or direct them to the right place to
find help whenever they might need us. You will also revisit how to
store data in the disc so that you can save user login details,
reservations and so on. Since the onboarding experience should
only happen on the first launch of the app after install. You'll need to use a library such as
AsyncStorage to check on such data and tell the app to respond appropriately. The number of steps in an onboarding
process depends on several things, but the number of app features and their
complexity are major, deciding factors. Keep in mind that in addition
to the aforementioned elements, you will also need to navigate through
each step of the onboarding flow. To help you do just that, this lesson
will finish with a recap on navigation. Navigation allows you to move across
the planned routes in an app. By leveraging a library like react
navigation you will be able to move through the different application screens
in a smooth and animated fashion. You'll be able to apply everything
you learn in some exercises. These will have you set up on boarding
pages, the app navigation hierarchy, a profile page, and
then commit your progress to get. In this video, you got an overview of
what on boarding is in the context of a mobile app, and observed a few examples. You also got a preview of what to
expect from the rest of this lesson.